/*!
 * galleria.stapleford.css
 * Galleria Stapleford Theme (based on Classic theme)
 * http: //galleria.aino.se
 *
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */


/* master container for entire gallery.  Applied to <div>.  Parent element: #galleria */
.galleria-container
					{
					position: relative;
					overflow: hidden;
					background: transparent;
					}

.galleria-container img
					{
					-moz-user-select: none;
					-webkit-user-select: none;
					-o-user-select: none;
					}

/* The stage contains image, counter, loader and left and right navigation icons.  Does not include
	thumbnail carousel.  Stage height same as image */
.galleria-stage
					{
					position: absolute;
					top: 10px;
					/* bottom of stage is this distance up from bottom of container box.  Adjust to 
						change gap between image and thumbnail carousel. */					
					bottom: 80px;
					left: 10px;
					right: 10px;
					overflow: hidden;
					}

/* Contains the row of thumbnails under the picture, including the scroll left and right icons for
	thumbnails.  Adjust left and right to define width of thumbnail row */
.galleria-thumbnails-container
					{
					height: 50px;
					bottom: 0;
					position: absolute;
					left: 200px;
					right: 200px;
					z-index: 2;		
					}

/* <div> container for the thumbnail images.  Parent element: .galleria-thumbnails-container */
.galleria-carousel .galleria-thumbnails-list
					{
					margin-left: 30px;
					margin-right: 30px;
					}

.galleria-thumbnails .galleria-image
					{
					height: 40px;
					width: 60px;
					background: transparent;
					margin: 0 5px 0 0;
					border: 1px solid #000;
					float: left;
					cursor: pointer;
					}

.galleria-counter
					{
					position: absolute;
					bottom: 10px;
					left: 10px;
					text-align: right;
					color: #fff;
					font: normal 11px/1 arial, sans-serif;
					z-index: 2;
					}

.galleria-loader
					{
					background: transparent;
					width: 20px;
					height: 20px;
					position: absolute;
					top: 10px;
					right: 10px;
					z-index: 2;
					display: none;
					background: url(stapleford-loader.gif) no-repeat 2px 2px;
					}

/* outer container <div> for captions and caption control icons */
.galleria-info
					{
					width: 50%;
					top: 15px;
					left: 15px;
					z-index: 2;
					position: absolute;
					}

/* inner container <div> for caption text - within .galleria-info */
.galleria-info-text
					{
					background-color: #000;
					background-color: rgba(0, 0, 0, .9);
					padding:  12px;
					display: none;
					}

.galleria-info-title
					{
					font: bold 12px/1.1 arial, sans-serif;
					margin: 0;
					color: #fff;
					}

/* inner container <div> for caption text - within .galleria-info-text */
.galleria-info-description
					{
					font: italic 12px/1.4 georgia, serif;
					margin: 0;
					color: #bbb;
					}

.galleria-info-title+.galleria-info-description
					{
					margin-top: 7px;
					}

/* parent element is galleria-info */
.galleria-info-close
					{
					width: 9px;
					height: 9px;
					position: absolute;
					top: 5px;
					right: 5px;
					background-position: -753px -11px;
					opacity: .5;
					cursor: pointer;
					display: none;
					}

/* 'i' icon.  parent element is galleria-info */
.galleria-info-link
					{
					background-position: -669px -5px;
					opacity: .8;
					position: absolute;
					width: 20px;
					height: 20px;
					cursor: pointer;
					background-color: #000;
					}

.galleria-info-link:hover, .galleria-info-close:hover
					{
					opacity: .5;
					}

/* container <div> for the left and right navigation buttons */
.galleria-image-nav
					{
					position: absolute;
					top: 50%;
					margin-top: -15px;
					width: 100%;
					height: 31px;
					left: 0;
					}

.galleria-image-nav-left, .galleria-image-nav-right
					{
					opacity: .7;
					cursor: pointer;
					width: 16px;
					height: 31px;
					position: absolute;
					left: 10px;
					z-index: 2;
					}

.galleria-image-nav-right
					{
					left: auto;
					right: 10px;
					background-position: -300px 0;
					z-index: 2;
					}

.galleria-image-nav-left:hover, .galleria-image-nav-right:hover
					{
					opacity: .5;
					}

.galleria-thumb-nav-left, .galleria-thumb-nav-right
					{
					cursor: pointer;
					display: none;
					background-position: -495px 5px;
					position: absolute;
					left: 0;
					top: 0;
					height: 40px;
					width: 23px;
					z-index: 3;
					opacity: .8;
					}

.galleria-thumb-nav-right
					{
					background-position: -578px 5px;
					border-right: none;
					right: 0;
					left: auto;
					}

.galleria-thumbnails-container .disabled, .galleria-thumbnails-container .disabled:hover
					{
					opacity: .2;
					cursor: default;
					}

.galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover
					{
					opacity: 1;
					background-color: #111;
					}

.galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right
					{
					display: block;
					}

.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right
					{
					background-image: url(stapleford-map.png);
					background-repeat: no-repeat;
					}
